/**
 * Styles of the student register system.
 * Author: Duminda Dharmakeerthi.
 * eMail: dumindadharmakeerthi@gmail.com
 */
 @CHARSET "ISO-8859-1";

.web-form-button {
	font-size: 12pt;
	line-height: 20px;
	padding: 3px 5px;
}

.web-form-button img {
	float: left;
	margin: 2px 4px;
	width: 20px;
	height: 20px;
}

.web-form-button span {
	line-height: 25px;
	font-size: 12pt;
}

.task-link {
	display: block;
	float: left;
	width: 180px;
	height: 200px;
	background: #A8F;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	border-radius: 20px;
	font-size: 16pt;
	color: #222;
	margin: 5px 10px;
}

.task-link:hover {
	background: #333;
	color: #FFF;
}

.task-link img {
	width: 120px;
	height: 120px;
	display: block;
	margin: 5px auto 10px;
}

.
.task-link span {
	display: block;
}

.content-title {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.log-err {
	color: #F00;
	padding: 5px;
	background: #FF9;
	border-radius: 5px;
	font-size: 12pt;
}

.log-info {
	color: #090;
	padding: 5px;
	background: #FF9;
	border-radius: 5px;
	font-size: 12pt;
}

.mandatory {
	color: #F00;
}

.width-100 {
	width: 100%;
}

.width-200 {
	width: 200px;
	max-width: 200px;
}

.width-675 {
	width: 675px;
	max-width: 675px;
}

.align-center {
	text-align: center;
}

.error {
	font-size: 10pt;
	color: #F00;
	display: block;
}

.info {
	display: block;
	margin: 10px 0;
}

.table {
	margin: 0 auto;
	border-collapse: collapse;
	border: 2px solid #555;
	border-left: none;
	border-right: none;
	background: #CF9;
	clear: both;
}

.table thead tr {
	border-bottom: 2px solid #555;
}

.table tr {
	border-bottom: 1px dashed #999;
}

.table tr td,.table tr th {
	border-right: 1px solid #999;
}

.margin-top-30px {
	margin-top: 30px;
}

.table-row-odd {
	background: #FC3;
	color: #222;
}

.table-row-even {
	background: #CCF;
}

.table tr td,.table tr th {
	margin: 0;
	padding: 5px;
}

div.dataTables_length {
	float: left;
	text-align: left;
}

div.dataTables_filter {
	float: right;
	text-align: right;
}

div.dataTables_info {
	float: left;
	text-align: left;
	width: 40%;
}

div.dataTables_paginate {
	float: right;
	text-align: right;
}

div.dataTables_length,div.dataTables_filter,div.dataTables_paginate,div.dataTables_info
	{
	padding: 6px;
}

div.dataTables_wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .dataTables_wrapper {
	display: block;
}

* html .dataTables_wrapper {
	height: 1%;
}

.data-table {
	width: 100%;
	clear: both;
}

.data-table td,.data-table th {
	padding: 5px;
	border: 1px solid #FFF;
}

div.dataTables_wrapper {
	background-color: #CF9;
	min-height: 100px;
	margin: 10px auto;
	border: 1px solid #222;
}